@CHARSET "ISO-8859-1";

/* --------------------------------------
 __default style clear
-------------------------------------- */

body {
	margin: 0;
	background: #ffffff;
	text-align: center;
	font-size: 62.5%;
	/* font-size: 75%; */
	color: #333333;
}

p {
	font-size: 1.2em;
	line-height: 180%;
}

a:visited {/* khi da tung click vao*/
	color: #800080;
}

a {
	color: #0000ff;
	text-decoration: none;
}

a:hover {/* khi chi chuot vao*/
	color: #0000ff;
	text-decoration: underline;
}

/* --------------------------------------
 __headehr
-------------------------------------- */

#header_area {
	float: left;/*co dinh ben trai voi trong div cha*/
	width: 100%;
	margin: 0; /*cach so voi div cha*/
	border-top: 5px solid #b30000;
	text-align: center;
}

#header {
	width: 960px;
	margin: 0 auto;
	text-align: center;
}

#header_link_area {
	float: left;
	width: 960px;
	margin: 0;
}

/* -- header_appeal -- */

#header_appeal {
	float: left;
	width: 540px;
	margin: 8px 0 0;
	padding-left: 5px;
	font-size: 1.2em;
	font-weight: 600;
	text-align: left;
}

/* -- header_link -- */

#header_link {
	float: right;
	width: 400px;
	height: 21px;
	margin: 0;
}

#header_link ul {
	float: right;
	margin: 0;
	padding: 0;
}

#header_link ul li {
	float: left;
	margin: 0 1px 0 0;
	padding: 0;
	list-style: none;
}

#header_link ul li img {
	margin: 0;
	padding: 0;
	border: 0 none;
}

#header_link ul li p {
	margin: 0;
	padding: 0;
	border: 0;
	width: 56px;
	height: 21px;
	background: 
}

#header_link ul li.header_b_1 {
	background: url("../images/header/header_b_1_h.gif");
}

#header_link ul li.header_b_2 {
	background: url("../images/header/header_b_2_h.gif");
}

#header_link ul li.header_b_3 {
	background: url("../images/header/header_b_3_h.gif");
}

#header_link ul li.header_b_4 {
	background: url("../images/header/header_b_4_h.gif");
}
#header_link ul li.logout {
	background: url("../images/header/header_b_5_h.gif");
}
#header_link ul li.setting {
	background: url("../images/header/header_b_6_h.gif");
}

#header_link ul li a.header_b_1 {
	display: block;
	width: 56px;
	height: 21px;
}

#header_link ul li a.header_b_2 {
	display: block;
	width: 71px;
	height: 21px;
}

#header_link ul li a.header_b_3 {
	display: block;
	width: 155px;
	height: 21px;
}

#header_link ul li a.header_b_4 {
	display: block;
	width: 82px;
	height: 21px;
}

#header_link ul li a:hover {
	background-color:transparent;
}

#header_link ul li a:hover img{
	visibility:hidden;
}

/* -- header_title -- */

#header_title {
	float: left;
	width: 960px;
	margin: 15px 0 0;
}

/* --------------------------------------
 __pan
-------------------------------------- */

#pan_area {
	float: left;
	width: 100%;
	margin: 0;
	text-align: center;
}

#pan {
	width:960px;
	height: 11px;
	margin: 1px auto;
	text-align: left;
}

#pan ul {
	margin: 0 0 0 15px;
	padding: 0;
}

#pan ul li {
	margin: 0;
	padding: 0;
	list-style: none;
}

#pan ul li,
#pan ul li.active {
	display: inline;
	font-size: 1em;
	line-height: 100%;
	list-style-type: none;
}

#pan ul li a {
	margin-right: 5px;
	padding-right: 12px;
	background: url("../images/pan/pan_arrow.gif") no-repeat right center;
	color: #107ccd;
	text-decoration: none;
}

#pan ul li a:hover {
	color: #107ccd;
	text-decoration: underline;
}

#pan ul li.active {
	margin-right: 3px;
	padding-right: 12px;
	background: url("../images/pan/pan_arrow_none.gif") no-repeat right center;
	color: #1d3994;
}



/* --------------------------------------
 __main_top_area
-------------------------------------- */

#main_top_area {
	float: left;
	width: 100%;
	height: 10px;
	background: url("../images/main/main_area_top_bg.gif") no-repeat center;
	text-align: center;
}

#main_middle_area {
	float: left;
	width: 100%;
	background: url("../images/main/main_area_bg.gif") repeat-y center;
	text-align: center;
}

#main_area {
	width: 930px;
	margin: 0 auto;
	padding: 5px 15px 0;
}

*html #main_area {
	width: 960px;
}

#main {
	float: left;
	width: 710px;
	margin: 0 0 15px;
}

#main_bottom_area {
	float: left;
	width: 100%;
	height: 10px;
	background: url("../images/main/main_area_bottom_bg.gif") no-repeat center;
	text-align: center;
}

*html #main_bottom_area {
	margin-top: -1px;
}
/* --------------------------------------
 __navi_area
-------------------------------------- */

#navi {
	float: left;
	width: 145px;
}

#navi ul {
	margin: 0;
	padding: 0;
}

#navi ul li {
	margin: 0 0 5px;
	padding: 0;
	list-style: none;
}

#navi ul li img {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: top;
}

#navi ul li.navi_b_1 {
	background: url("../images/navi/navi_b_1_h.gif");
}

#navi ul li.navi_b_2 {
	background: url("../images/navi/navi_b_2_h.gif");
}

#navi ul li.navi_b_3 {
	background: url("../images/navi/navi_b_3_h.gif");
}

#navi ul li.navi_b_4 {
	background: url("../images/navi/navi_b_4_h.gif");
}

#navi ul li.navi_b_5 {
	background: url("../images/navi/navi_b_5_h.gif");
}

#navi ul li.navi_b_6 {
	background: url("../images/navi/navi_b_6_h.gif");
}

#navi ul li.navi_b_7 {
	background: url("../images/navi/navi_b_7_h.gif");
}

#navi ul li.tenanto_yoyaku {
	background: url("../images/navi/tenanto_yoyaku_h.gif");
}

#navi ul li.tenanto_sansho {
	background: url("../images/navi/tenanto_sansho_h.gif");
}

#navi ul li.tenanto_setting {
	background: url("../images/navi/tenanto_setting_h.gif");
}

#navi ul li.tenanto_resetpass {
	background: url("../images/navi/tenanto_resetpass_h.gif");
}

#navi ul li.kanrisha_shitsu {
	background: url("../images/navi/kanrisha_shitsu_h.gif");
}

#navi ul li.kanrisha_user {
	background: url("../images/navi/kanrisha_user_h.gif");
}

#navi ul li.kanrisha_penalty {
	background: url("../images/navi/kanrisha_penalty_h.gif");
}

#navi ul li a.navi_b_1,
#navi ul li a.navi_b_2,
#navi ul li a.navi_b_3,
#navi ul li a.navi_b_4,
#navi ul li a.navi_b_5,
#navi ul li a.navi_b_6,
#navi ul li a.navi_b_7
#navi ul li a.kanrisha_shitsu
#navi ul li a.kanrisha_user
#navi ul li a.kanrisha_penalty {
	display: block;
	width: 145px;
	height: 39px;
}

#navi ul li a:hover {
	background-color:transparent;
}

#navi ul li a:hover img{
	visibility:hidden;
}

/* --------------------------------------
 __content_area
-------------------------------------- */

#content {
	float: right;
	width: 545px;
	/* background-color: #f0f0f0; */
	text-align: left;
}

#content p {
	padding: 0 25px;
}

#content h1 {
    margin: 0 0 20px;
}

#content ul,
#content ol {
	margin: 0 25px 20px 45px;
	font-size: 1.2em;
	line-height: 180%;
}

#content ul li {
	margin: 10px 0; 
	list-style: disc outside none;
}

#content ol li {
	margin: 10px 0; 
	list-style: decimal;
}

#content ol li span.title {
	font-weight: 600;
}

#content p.back {
	height: 35px;
	margin: 30px 0 0;
	padding: 0;
	padding: 0;
	text-align: right;
}

#content p.back a {
	height: 35px;
	padding: 5px 0 5px 20px;
	background: url("../images/icon-pagetop.gif") no-repeat left center;
}


#pr {
	float: right;
	width: 200px;
	margin: 0 0 5px;
	background-color: #f0f0f0;
}

/* --------------------------------------
 __footer_area
-------------------------------------- */

#footer_area {
	clear: both;
	float: left;
	width: 100%;
	margin: 20px 0 0;
	text-align: center;
}

*html #footer_area {
	clear: both;
	float: none;
} 

#footer {
	width:960px;
	margin: 1px auto;
	/* text-align: left; */
	/* background-color: #f0f0f0; */
}

#footer ul,
#footer ul li {
	margin: 0;
	padding: 0;
}

#footer ul li {
	display: inline;
	margin-right: 2px;
	padding-left: 7px;
	border-left: 1px solid #9fb7d4;
	font-size: 1.1em;
}

#footer ul li.left {
	margin-right: 2px;
	padding-left: 0px;
	border-left: 0;
}

#footer p {
	margin: 10px 0 0 0;
	font-size: 1.1em;
}